var ali;
var aBtn;
var timer=null;
var aPos=[];
var oCursor;
$(document).ready(function(){
    ali=$(".img_head").children();
    aBtn=$(".footer").find("a");
    oCursor=$(".cursor");
    for(i=0;i<ali.length;i++){
        aPos[i]=ali[i].offsetLeft;
    }
    for(i=0;i<ali.length;i++){
        ali[i].style.position='absolute';
        ali[i].style.left=aPos[i]+'px';
    }

    aBtn[1].onclick=function(){
        liLeftAnimate();
    };
    aBtn[0].onclick=function(){
        liRightAnimate();
    }
});
function liLeftAnimate(){
    var i=0;
    clearTimeout(timer);
    function next(){
        if(i<ali.length/2){
            miaovStartMove(ali[i], {left: -200}, MIAOV_MOVE_TYPE.FLEX);
            i++;
            timer=setTimeout(next, 200);
        }else if(i==ali.length/2){
            next2();
        }
    }
    function next2(){
        if(i<ali.length){
            miaovStartMove(ali[i],{left: aPos[i-6]}, MIAOV_MOVE_TYPE.FLEX);
            i++;
            timer=setTimeout(next2,200);
        }
    }
    next();
    aBtn[0].className="";
    aBtn[1].className="show";
    miaovStartMove(oCursor[0], {left: aBtn[1].offsetLeft+aBtn[1].offsetWidth/2}, MIAOV_MOVE_TYPE.BUFFER);
}
function liRightAnimate(){
    var i=ali.length-1;
    clearTimeout(timer);
    function last(){
        if(i>=ali.length/2){
            miaovStartMove(ali[i], {left: aPos[i]}, MIAOV_MOVE_TYPE.FLEX);
            i--;
            timer=setTimeout(last, 200);
        }
        else{
            last2();
        }
    }
    function last2(){
        if(i>=0){
            miaovStartMove(ali[i],{left: aPos[i]}, MIAOV_MOVE_TYPE.FLEX);
            i--;
            timer=setTimeout(last2,200);
        }
    }
    last();
    aBtn[1].className="";
    aBtn[0].className="show";
    miaovStartMove(oCursor[0], {left: aBtn[0].offsetLeft+aBtn[0].offsetWidth/2}, MIAOV_MOVE_TYPE.BUFFER);
}